<template>
    <el-dialog
      :visible.sync="state.visible"
      :fullscreen="fullscreen"
      :custom-class="!fullscreen ? 'custom-height': 'custom-fullscreen'"
      :close-on-click-modal="false"
      :show-close="false"
      @closed="close"
    >
        <el-row slot="title" type="flex">
            <el-col :span="20">{{ title }}</el-col>
            <el-col :span="4" style="text-align: right">
                <svg-icon
                  :icon-class="!fullscreen ? 'fullscreen': 'exit-fullscreen'"
                  style="cursor: pointer; margin-right: 10px"
                  @click="() => {fullscreen = !fullscreen}"
                />
                <i class="el-icon-close" style="cursor: pointer" @click="close" />
            </el-col>
        </el-row>
        <el-form ref="dataForm" :model="form" label-position="right" label-width="100px">
  <el-row :gutter="18">
      <el-col :span="24">
        <el-form-item
          label="任务单id"
        >
        <el-input-number
          v-model="form.taskId"
          controls-position="right"
          placeholder="请输入任务单id"
        />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="工艺编号"
        >
          <el-input
            placeholder="请输入工艺编号"
            v-model="form.techNum"
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="工艺名称"
        >
          <el-input
            placeholder="请输入工艺名称"
            v-model="form.techName"
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="工艺数量"
        >
          <el-input
            placeholder="请输入工艺数量"
            v-model="form.techQuantity"
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="工艺开始时间"
        >
          <el-date-picker
            v-model="form.techStartTime"
            type="datetime"
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="工艺结束时间"
        >
          <el-date-picker
            v-model="form.techEndTime"
            type="datetime"
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="加工设备"
        >
          <el-input
            placeholder="请输入加工设备"
            v-model="form.equipment"
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="排序"
        >
        <el-input-number
          v-model="form.sort"
          controls-position="right"
          placeholder="请输入排序"
        />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="状态 0未完成1已完成2进行中"
        >
        <el-input-number
          v-model="form.state"
          controls-position="right"
          placeholder="请输入状态 0未完成1已完成2进行中"
        />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="生产任务编号"
        >
          <el-input
            placeholder="请输入生产任务编号"
            v-model="form.productTaskNum"
          />
        </el-form-item>
      </el-col>
      <el-col :span="24">
        <el-form-item
          label="操作工"
        >
        <el-input-number
          v-model="form.userId"
          controls-position="right"
          placeholder="请输入操作工"
        />
        </el-form-item>
      </el-col>
  </el-row>
</el-form>
        <div slot="footer" class="dialog-footer">
            <el-button @click="close">
                取消
            </el-button>
            <el-button type="primary" :loading="state.confirmSubmit" :disabled="state.confirmSubmit" @click="onSubmit">
                确定
            </el-button>
        </div>
    </el-dialog>
</template>

<script>
import form from '@/components/diboot/mixins/form'

export default {
  name: 'TechniqueForm',
  mixins: [form],
  data() {
    return {
      baseApi: '/technique'
    }
  }
}
</script>
<style lang="scss" scoped>
</style>
